<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from kl-webmedia.com/elearn/index3.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:03:28 GMT -->
<head>
    <meta charset="utf-8" />
    <title>eLearn - Home 3</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />	
    <!-- CSS Files -->
	<link rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="plugin/animate.min.css" />
	<!-- / CSS Files -->
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="main bg-dark-img home-3">
        <div class="container">
            <nav class="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.htm"><img id="logo" src="img/logo.png" alt="eLearn" /></a>
                </div>
                <div class="collapse navbar-collapse">
                <div class="navbar-right menu-main"> 
                    <ul class="nav navbar-nav">
                        <li class="dropdown active">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Home</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.htm">Home, version 1</a></li>
                                <li><a href="index2.htm">Home, version 2</a></li>
                                <li><a href="index3.htm">Home, version 3</a></li>
                            </ul>
                        </li>
                        <li><a href="about-us.htm"><span>About us</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Video</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="categories.htm">Categories of video</a></li>
                                <li><a href="videos-list.htm">Video list</a></li>
                                <li><a href="videos-grid.htm">Video list (grid)</a></li>
                                <li><a href="video.htm">Video film detail</a></li>
                            </ul>
                        </li>
                        <li><a href="features.htm"><span>Features</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Blog</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="blog-list.htm">Blog list</a></li>
                                <li><a href="blog-post.htm">Blog post detail</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.htm"><span>Contact us</span></a></li>
                    </ul>
                    <a class="btn btn-theme navbar-btn btn-default sign-in" href="#">Sign in</a>
                    <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="register.htm">Sign up</a>
                </div>
                </div>
            </nav>
        </div>
        
        <!-- Carousel with Animation -->
        <div id="carousel-anim" class="carousel slide" data-ride="carousel">
            <!-- indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-anim" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-anim" data-slide-to="1"></li>
                <li data-target="#carousel-anim" data-slide-to="2"></li>
            </ol>
            
            <!-- wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <div class="carousel-caption">
                        <img src="img/home3_slide_mobile.png" class="pull-right carousel-img-mobile" alt="" />
                        <p class="header animated" data-animation="fadeInUp" data-animation-delay="0.8s"><strong>Simply</strong> use our <strong>mobile app</strong></p>
                        <p class="header header-small animated" data-animation="fadeInUp" data-animation-delay="1.4s">Watch  over <strong>12 000</strong> different tutorials about<br />whereever you are via mobile</p>
                        <p class="buttons animated" data-animation="fadeIn" data-animation-delay="2.2s">
                            <a href="plans.htm" class="btn btn-theme btn-orange">Get started</a>
                            <a href="videos-list.htm" class="btn btn-theme btn-green"><i class="fa fa-play"></i> Watch video</a>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-caption">
                        <img src="img/home3_slide_monitor.png" class="pull-right carousel-img-monit" alt="" />
                        <p class="header animated" data-animation="fadeInUp" data-animation-delay="0.8s"><strong>Simply</strong> use our <strong>mobile app</strong></p>
                        <p class="header header-small animated" data-animation="fadeInUp" data-animation-delay="1.4s">Watch  over <strong>12 000</strong> different tutorials<br />about whereever you are via mobile</p>
                        <p class="buttons animated" data-animation="fadeIn" data-animation-delay="2.2s">
                            <a href="plans.htm" class="btn btn-theme btn-orange">Get started</a>
                            <a href="videos-list.htm" class="btn btn-theme btn-green"><i class="fa fa-play"></i> Watch video</a>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-caption">
                        <img src="img/home3_slide_mobile.png" class="pull-right carousel-img-mobile" alt="" />
                        <p class="header animated" data-animation="fadeInUp" data-animation-delay="0.8s"><strong>Simply</strong> use our <strong>mobile app</strong></p>
                        <p class="header header-small animated" data-animation="fadeInUp" data-animation-delay="1.4s">Watch  over <strong>12 000</strong> different tutorials about<br />whereever you are via mobile</p>
                        <p class="buttons animated" data-animation="fadeIn" data-animation-delay="2.2s">
                            <a href="plans.htm" class="btn btn-theme btn-orange">Get started</a>
                            <a href="videos-list.htm" class="btn btn-theme btn-green"><i class="fa fa-play"></i> Watch video</a>
                        </p>
                    </div>
                </div>
                
            </div>
    
            <!-- controls -->
            <a class="left carousel-control" href="#carousel-anim" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-anim" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </header>
    
    <section class="container content content-light">
        <p class="header text-center"><strong>Watch out</strong> how our big team is <strong>working</strong></p>
        <p class="text-center">We believe that analysis of your company and your customers is key in responding effectively to your promotional needs and we will work with you to fully understand your business.</p>
        
        <hr class="invisible" />
        
        <!-- Pie Chart -->
        <div class="row pie-chart text-center">
            <div class="col-md-3">
                <span class="chart" data-percent="62"><span class="percent"></span></span>
                <p>Adobe Photoshop</p>
            </div>
            <div class="col-md-3">
                <span class="chart" data-percent="75"><span class="percent"></span></span>
                <p>Premier Pro</p>
            </div>
            <div class="col-md-3">
                <span class="chart" data-percent="28"><span class="percent"></span></span>
                <p>Adobe Dreamweaver</p>
            </div>
            <div class="col-md-3">
                <span class="chart" data-percent="96"><span class="percent"></span></span>
                <p>Flash Actionscript</p>
            </div>
        </div>
    </section>
    
    <section class="content content-dark bg-dark-img">
        <div class="container">
            <p class="header text-center text-white">Want to become a successful <strong>online coach</strong> wordwide?</p>
            <p class="header header-tiny text-center text-white">Lets start today and meet a lot of talented people from all over the world</p>
            <p class="buttons text-center"><a href="plans.htm" class="btn btn-theme btn-orange">Start teaching</a> <a href="plans.htm" class="btn btn-theme btn-green">Start learning</a></p>
        </div>
    </section>
    
    <section class="content content-light">
        <div class="container">
            <p class="header text-center"><strong>Meet</strong> our team and <strong>become a part of us!</strong></p>
            <p class="text-center">We believe that analysis of your company and your customers is key in responding effectively to your promotional needs and we will work with you to fully understand your business.</p>
            
            <hr class="invisible" />
            <hr class="invisible" />
            <hr class="invisible" />
            
            <div class="row our-team">
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/2.png" class="img-rounded" alt="Edward Willis" />
                        <figcaption>Edward Willis <em>Youtubber &amp; Blogger</em></figcaption>
                    </figure>
                    <p class="button-full"><a href="videos-list.htm" class="btn btn-theme btn-green" data-content="12 Tutorials" data-placement="bottom"><i class="fa fa-play"></i> Watch videos</a></p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/22.png" class="img-rounded" alt="Chuck Dorothe" />
                        <figcaption>Chuck Dorothe <em>Webdeveloper</em></figcaption>
                    </figure>
                    <p class="button-full"><a href="videos-list.htm" class="btn btn-theme btn-green" data-content="10 Tutorials" data-placement="bottom"><i class="fa fa-play"></i> Watch videos</a></p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/24.png" class="img-rounded" alt="Adam Sandler" />
                        <figcaption>Adam Sandler <em>Language Trainer</em></figcaption>
                    </figure>
                    <p class="button-full"><a href="videos-list.htm" class="btn btn-theme btn-green" data-content="15 Tutorials" data-placement="bottom"><i class="fa fa-play"></i> Watch videos</a></p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/15.png" class="img-rounded" alt="Susan Westwik" />
                        <figcaption>Susan Westwik <em>Marketing Manager</em></figcaption>
                    </figure>
                    <p class="button-full"><a href="videos-list.htm" class="btn btn-theme btn-green" data-content="23 Tutorials" data-placement="bottom"><i class="fa fa-play"></i> Watch videos</a></p>
                </div>
            </div>
        </div>
    </section>
    
    <footer class="main bg-dark-img">
        <section class="widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h4>About us</h4>
                    <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.</p>
                </div>
                <div class="col-md-3 footer-qlink">
                    <h4>Quick links</h4>
                    <nav>
                        <ul>
                            <li><a href="plans.htm">Start teaching / learning</a></li>
                            <li><a href="categories.htm">Tutorials database</a></li>
                            <li><a href="about-us.htm">Meet the team</a></li>
                            <li><a href="blog-list.htm">Our blog</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 footer-blog">
                    <h4>Latest blogpostings</h4>
                    <ul class="media-list">
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/14.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Lubergren, no sea...</p>
                               	<span class="footer"><time datetime="2014-01-09T22:11" class="cute-time">2014/01/09 22:11:19</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/5.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Takimata sanctus est...</p>
                                <span class="footer"><time datetime="2013-12-29T20:12" class="cute-time">2013/12/29 20:12:38</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 footer-social">
                    <h4>Follow us on</h4>
                    <a class="btn btn-social social-facebook" href="https://www.facebook.com/pages/KL-Webmedia/131260293670757"><i class="fa fa-facebook"></i></a>
                    <!--<a class="btn-social social-vimeo" href="https://vimeo.com/"><i class="fa fa-vimeo"></i></a>-->
                    <a class="btn btn-social social-youtube" href="http://www.youtube.com/"><i class="fa fa-youtube"></i></a>
                    <a class="btn btn-social social-twitter" href="https://twitter.com/KLWebmedia"><i class="fa fa-twitter"></i></a>
                    <a class="btn btn-social social-gplus" href="https://plus.google.com/113174627408639682462/posts"><i class="fa fa-google-plus"></i></a>
                    <!--<a class="btn-social social-blogger" href="https://www.blogger.com/"><i class="fa fa-facebook"></i></a>-->
                    <a class="btn btn-social social-dribbble" href="http://dribbble.com/KL-Webmedia"><i class="fa fa-dribbble"></i></a>
                    <!--<a class="btn-social social-deviantart" href="http://kl-webmedia.deviantart.com/"><i class="fa fa-deviantart"></i></a>-->
                    <a class="btn btn-social social-linkedin" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
                    <a class="btn btn-social social-tumblr" href="https://www.tumblr.com/"><i class="fa fa-tumblr"></i></a>
                    <!--<a class="btn-social social-flickr" href="http://www.flickr.com/"><i class="fa fa-flickr"></i></a>-->
                </div>
            </div>
        </div>
        </section>
        <section class="copyright">
            <div class="container">
                &copy; Copyright 2014 <b>KL-Webmedia.com</b> &nbsp; | &nbsp; All rights reserved
            </div>
        </section>
    </footer>
    <!-- JavaScript Files -->
    <script src="plugin/jquery-1.10.2.min.js"></script>
    <script src="plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="script/animate.js"></script>
    <script src="plugin/easy-pie-chart/jquery.easypiechart.min.js"></script>
    <script src="plugin/jquery.cuteTime.min.js"></script>
    <script src="script/script.js"></script>
    <!-- / JavaScript Files -->
</body>

<!-- Mirrored from kl-webmedia.com/elearn/index3.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:03:37 GMT -->
</html>